<!DOCTYPE html>
<html class="x-admin-sm">
  <head>
    <meta charset="UTF-8" />
    <title>优点达资讯管理系统</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"
    />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="./lib/layui/css/layui.css" />
    <link rel="stylesheet" href="./css/font.css" />
    <link rel="stylesheet" href="./css/login.css" />
    <link rel="stylesheet" href="./css/xadmin.css" />

    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body class="login-bg">
    <div class="login layui-anim layui-anim-up">
      <div class="message">优点达系统-管理登录</div>
      <div id="darkbannerwrap"></div>

      <form class="login-form layui-form" onsubmit="return false;">
        <div class="layui-form-item">
          <input
            name="login_name"
            placeholder="用户名"
            type="text"
            lay-verify="required"
            lay-verify="username"
            class="layui-input"
            autocomplete="off"
          />
        </div>

        <hr class="hr15" />
        <div class="layui-form-item">
          <input
            name="password"
            lay-verify="required"
            lay-verify="password"
            placeholder="密码"
            type="password"
            class="layui-input"
          />
        </div>

        <hr class="hr15" />
        <div class="layui-form-item">
          <input
            value="登录"
            lay-submit
            lay-filter="login"
            style="width: 100%"
            type="submit"
          />
        </div>

        <hr class="hr20" />
      </form>

      <div class="lsctip" style="font-size: 18px">
        username:admin &nbsp; &nbsp password:111111
      </div>
    </div>

    <script src="./lib/layui/layui.all.js" charset="utf-8"></script>

    <script
      type="text/javascript"
      src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"
    ></script>
    <script src="./lsc-tip/axios.js"></script>
    <script src="./js/axiosBase.js"></script>
    <script>
      $(function () {
        let layer = layui.layer;
        layui.use("form", function () {
          var form = layui.form; // layer.msg('玩命卖萌中', function(){ //   //关闭后的操作 //   }); //监听提交
          form.on("submit(login)", async function (data) {
            const res = await axios.post("/index/login", data.field);
            if (res.data.errno !== 0) {
              return layer.msg("登录失败");
            }
            layer.msg(
              "登录成功",
              {
                icon: 1,
                time: 1500, 
              },
              function () {
                // 将登录成功得到的 token 字符串，保存到 localStorage 中
                localStorage.setItem("x-token", res.data.data.token);
                // 成功之后页面跳转到主页面
                location.href = "/index.html";
              }
            );

            
          });
        });
      });
    </script>
    <!-- 底部结束 -->
    <script>
      //百度统计可去掉
      var _hmt = _hmt || [];
      (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>
  </body>
</html>
